<template>
	<div id="model">
		
	</div>
</template>

<script>
//错误处理 请求错误时进行的处理
import axios from 'axios'
export default {
  name: 'cuowuchuli',
  components: {
  },
  created() {
	axios.interceptors.request.use(
		config=>{
			//在发送请求前做些什么
			return config
		},err=>{
			//在请求错误的时候做些什么
			return Promise.reject(err)
		}
	)
	axios.interceptors.response.use(
		res=>{
			//请求成功对相应数据做处理
			return res
		},err=>{
			$('#model').show()
			setTimeout(()=>{
				$('#model').hide()
			},2000)
			//在响应错误的时候做些什么
			return Promise.reject(err)
		}
	)
	axios.get('/data.json').then((res)=>{
		console.log(res)
	}).catch(err=>{
		console.log(err)
	})
	//例子：实际开发过程中，一般添加统一错误处理
	let instance = axios.create({})
	instance.interceptors.request(
		config=>{
			//在发送请求前做些什么
			return config
		},err=>{
			$('#model').show()
			setTimeout(()=>{
				$('#model').hide()
			},2000)
			//请求错误 一般401超时 404没找到
			return Promise.reject(err)
		}
	)
	instance.interceptors.response.use(
		res=>{
			//请求成功对相应数据做处理
			return res
		},err=>{
			//响应错误 500系统错误 502系统重启
			$('#model').show()
			setTimeout(()=>{
				$('#model').hide()
			},2000)
			return Promise.reject(err)
		}
	)
	instance.get('/data.json').then(res=>{
		console.log(res)
	}).catch(err=>{
		console.log(err)
	})
  }
}
</script>

<style>
</style>
